<template>
    <svg class="icon" aria-hidden="true" style="font-size: 14px;">
        <use :href="`#icon-${icon}`"></use>
    </svg>
    <!-- <i :class="`iconfont icon-${icon}`" ></i> -->
  </template>
  
  <script lang="ts">
  import { defineComponent } from 'vue'
  
  export default defineComponent({
    name: 'IconFont',
    props: {
      icon: {
        type: String,
        required: true
      }
    }
  })
  </script>
  
  <style>
  @import '@/assets/iconfont/iconfont.css';
  </style>